<title>Logout</title>

{% load staticfiles %}
<head>
	<link rel="stylesheet" type="text/css" href="{% static 'css/base.css' %}" />
	<link rel="stylesheet" type="text/css" href="{% static 'accounts/make_new_user.css' %}" />
	<script src='{% static "js/jquery-1.11.3.js" %}'></script>
	<script src='{% static "js/base.js" %}'> </script>

</head>
<html>
<body>
<div id='container'>
	<div id='top'>
		<div id='top-head'>
			<div id='title'>Hunter.com</div>
		</div>
		<div id='top-nav'>
			<ul id='menu'>
				<li id='menu-left'><a href='{% url "accounts:home" %}'><img src='{% static "images/home.png" %}'></a></li>
				<li id='menu-left'>Create Account</li>
				<li id='menu-right'><a href="{% url 'products:search' %}"><img src='{% static "images/search.png" %}'></a></li>
				<li id='menu-right'><a href="{% url 'accounts:login' %}">Login</a></li>
				<li id='menu-right'><a href="{% url 'accounts:make_new_user' %}">Register</a></li>
			</ul>
		</div>
	</div>
	<div id='main'>
		<div id='content'>
			<h1>Create Account</h1> 
			<div id='Notice'>
				<h2> {{state}} </h2>
 				<p> {{notice}} </p>
			</div>
			<form class="form-horizontal" method="post">
				{% csrf_token %}
				<ul id='form-list'>
					<li id='list-entry'>
    					<input type="text" class=textbox name="fname"  placeholder="First Name">
					</li>
					<li id='list-entry'>
					    <input type="text" class=textbox name="lname"  placeholder="Last Name">
					</li>
					<li id='list-entry'>
    					<input type="text" class=textbox name="username"  placeholder="Username">
					</li>
					<li id='list-entry'>
				    	<div><input type="text" class=textbox name="email" placeholder="Email"></div>
					</li>
					<li id='list-entry'>
						<div>
    						<input type="password" class=textbox name="password" placeholder="Password"><br>
	    					<input type="password" class=textbox name="re_enter_password" placeholder="Re-enter Password">
	    				</div>
					</li>
					<div id='Entry'>
    					<button type="submit" class="btn">Submit</button>
					</div>
				</ul>
			</form>
		</div>
		<script>windowResize()</script>
	</div>
	<div id='foot'>
		created by 郝蕊 and Leonard Wainstein | designed by Gabriel Mickel<br>
		copyrighted: never! :)
	</div>
</div>
</body>
</html>